/* Float enclosing for structural elements */
#mast_sleeve:after, #columns:after, .twocolumn:after, .section_twocolumn:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* float enclosing */

#wrapper { width:976px; margin:0 auto; position:relative; }

#mast { padding:27px 0 23px; }
#index #mast { padding-top:7px; }
#mast_sleeve { position:relative; min-height:1px; }

/* Main Columns */
#columns { position:relative; clear:both; margin: 18px 0; padding:30px 307px 0 0; width:668px; min-height:1px; /* background:url(/magazine/graphics/bg_columns.png) repeat-y 668px 0; */ }
#story #columns { margin-top:18px; }
#colwrapper { width:100%; min-height:0; background:url(/magazine/graphics/bg_columns.png) repeat-y 100% 0; }
#colwrapper:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* float enclosing */
#colmain, #content { float:left; padding-right:7px; width:661px; }
#colmain { margin-top:-30px; }
#content { padding:0; }

#public_profile #content, #ugc_profile_edit #content { width:661px; }

.my_pages #content { width:478px; }
.my_pages #secondary_content { width:164px; float:right; margin-top:12px; }

#StoryBlog #colmain { width:656px; padding:0; }

/* Ensure that changes here are reflected in padding for #columns */
#rightcolumn { float:right; width:307px; margin:-30px -307px 0 0; }
#rightcolumn #rightcolumn_sleeve { margin:0 0 0 7px; }

/* Basic Two Column Structure */
.twocolumn { padding:0; clear:both; min-height:1px; }
.twocolumn .column1 { float:left; width:212px; }
.twocolumn .column2 { float:right; width:212px; }

/* Section 2 Styling */
.section_twocolumn { min-height:1px; }
.section_column1 { float:left; width:601px; }
.section_column2 { float:right; width:212px; }

/* Index/section2 page styles */
#index .section_column1, #section2 .section_column1 { width:434px; }
#index .section_column2, #section2 .section_column2, #story .section_column2 { padding:0; }
#story .section_column2 { padding-left:20px; }

#index .section_column2 .column1, #index .section_column2 .column2,
#section2 .section_column2 .column1, #section2 .section_column2 .column2 { width:auto; float:none; }

#index .section_column2 .colour1 .twocolumn .column1, #index .section_column2 .colour1 .twocolumn .column2, 
#section2 .section_column2 .colour1 .twocolumn .column1, #section2 .section_column2 .colour1 .twocolumn .column2 { width:192px; }

#index .colour1 .twocolumn .column1, #index .colour1 .twocolumn .column2, 
#section2 .colour1 .twocolumn .column1, #section2 .colour1 .twocolumn .column2 { width:202px; }

#index .colour2 .twocolumn .column1, #index .colour2 .twocolumn .column2, 
#section2 .colour2 .twocolumn .column1, #section2 .colour2 .twocolumn .column2 { width:202px; }

#section1 .twocolumn .column1, #section1 .twocolumn .column2 { width:313px; }
#section1 .colour3 .twocolumn .column1, #section1 .colour3 .twocolumn .column2 { width:323px; }

#section3 .twocolumn .column1, #section3 .twocolumn .column2 { width:313px; }
#section3 .colour3 .twocolumn .column1, #section3 .colour3 .twocolumn .column2 { width:323px; }